/* You can add global styles to this file, and also import other style files */
ul {
  position: relative;
  list-style: none;
  margin-left: 0;
  padding-left: 1.2em;
}

ul li.rightAnswer:before {
  content: "✓";
  position: absolute;
  left: 0;
  color: #00aa00;
}

ul li.wrongAnswer:before {
  content: "✘";
  position: absolute;
  left: 0;
  color: #aa0000;
}

@media print {
  #output [id^="question_"]>b {
    display: block;
    padding-top: 60px;
  }

  #output [id^="question_"] {
    page-break-inside: avoid;
  }

  #output [id^="left"],
  #output [id^="right"] {
    background: #ddddff !important;
    border: 1px solid #ddddff;
  }

  .col-print-12 {
    max-width: 100%;
    flex: 0 0 100%;
  }
}
